<!DOCTYPE html>
<html lang="en">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <title>Mednalytics</title>
      <!-- Iconic Fonts -->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <link href="../../vendors/iconic-fonts/font-awesome/css/all.min.css" rel="stylesheet">
      <link rel="stylesheet" href="../../vendors/iconic-fonts/flat-icons/flaticon.css">
      <link rel="stylesheet" href="../../vendors/iconic-fonts/cryptocoins/cryptocoins.css">
      <link rel="stylesheet" href="../../vendors/iconic-fonts/cryptocoins/cryptocoins-colors.css">
      <!-- Bootstrap core CSS -->
      <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">
      <!-- jQuery UI -->
      <link href="../../assets/css/jquery-ui.min.css" rel="stylesheet">
      <!-- Mednalytics styles -->
      <link href="../../assets/css/style.css" rel="stylesheet">

      <!-- Favicon -->
      <link rel="icon" type="image/png" sizes="32x32" href="../../favicon.ico">
   </head>
   <body class="ms-body ms-aside-left-open ms-primary-theme ms-has-quickbar">
      <!-- Setting Panel -->
      <script src="../../assets/reuseCode/top.js"></script>
         <!-- Body Content Wrapper -->
         <div class="ms-content-wrapper">
            <div class="ms-profile-overview">
               <div class="ms-profile-cover">
                  <img class="ms-profile-img" src="../../assets/img/dashboard/doctor-4.jpg" alt="people">
                  <div class="ms-profile-user-info">
            <h3 class="ms-profile-username text-white">王杰希</h3>
            <h6 class="ms-profile-role text-white">中科院医学院士</h6>
                  </div>
                  <div class="ms-profile-user-buttons">
                     <a href="#" class="btn btn-primary"> <i class="material-icons">person_add</i> 关注</a>
                     <a href="#" class="btn btn-light"> <i class="material-icons">file_download</i> 下载简历</a>
                  </div>
               </div>
               <ul class="ms-profile-navigation nav nav-tabs tabs-bordered" role="tablist">
                  <li role="presentation"><a href="#tab1" aria-controls="tab1" class="active show" role="tab" data-toggle="tab"> 简况 </a></li>
                  <li role="presentation"><a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab"> 主治疾病 </a></li>
                  <li role="presentation"><a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab"> 获奖情况 </a></li>
               </ul>
               <div class="tab-content">
                  <div class="tab-pane" id="tab1">
                  </div>
                  <div class="tab-pane" id="tab2">
                  </div>
                  <div class="tab-pane" id="tab3">
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-xl-7 col-md-12">
                  <div class="ms-panel ms-panel-fh">
                     <div class="ms-panel-body">
                        <h2 class="section-title">关于我</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non elit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                           Aenean luctus, justo id pellentesque imperdiet, augue metus ornare quam, in pulvinar massa erat nec dui. Nam at facilisis nulla.
                        </p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non elit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                           Aenean luctus, justo id pellentesque imperdiet, augue metus ornare quam, in pulvinar massa erat nec dui. Nam at facilisis nulla.
                        </p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non elit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                           Aenean luctus, justo id pellentesque imperdiet, augue metus ornare quam, in pulvinar massa erat nec dui. Nam at facilisis nulla.
                        </p>
                        <div class="ms-profile-skills">
                           <h2 class="section-title">专业技能</h2>
                           <ul class="ms-skill-list">
                              <li class="ms-skill">打针</li>
                              <li class="ms-skill">喂药</li>
                              <li class="ms-skill">建数据库</li>
                              <li class="ms-skill">中医学</li>
                              <li class="ms-skill">图标设计</li>
                              <li class="ms-skill">Adobe</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12">
                  <div class="ms-panel ms-panel-fh">
                     <div class="ms-panel-body">
                        <ul class="ms-profile-stats">
                           <li>
                              <h3 class="ms-count">5790</h3>
                              <span>粉丝</span>
                           </li>
                           <li>
                              <h3 class="ms-count">4.8</h3>
                              <span>病友评价</span>
                           </li>
                        </ul>
                        <h2 class="section-title">基础信息</h2>
                        <table class="table ms-profile-information">
                           <tbody>
                              <tr>
                                 <th scope="row">姓名</th>
                                 <td>王杰希</td>
                              </tr>
                              <tr>
                                 <th scope="row">生日</th>
                                 <td>1996年1月25日</td>
                              </tr>
                              <tr>
                                 <th scope="row">语言</th>
                                 <td>中文</td>
                              </tr>
                              <tr>
                                 <th scope="row">网站</th>
                                 <td>www.example.com</td>
                              </tr>
                              <tr>
                                 <th scope="row">手机号码</th>
                                 <td>1978554524</td>
                              </tr>
                              <tr>
                                 <th scope="row">电子邮箱</th>
                                 <td>example@mail.com</td>
                              </tr>
                              <tr>
                                 <th scope="row">地址</th>
                                 <td>中国湖北</td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
               <div class="col-md-12">
                  <div class="ms-panel">
                     <div class="ms-panel-body">
                        <h2 class="section-title">工作经验</h2>
                        <div class="row">
                           <div class="col-xl-4 col-md-6 col-sm-12">
                              <div class="media ms-profile-experience">
                                 <div class="mr-2 align-self-center">
                                    <img src="../../assets/img/dashboard/doctor-1.jpg" class="ms-img-round ms-img-small" alt="people">
                                 </div>
                                 <div class="media-body">
                                    <h4>用户研究中心</h4>
                                    <p>2013年1月至今</p>
                                    <p>兰大二院医生</p>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-4 col-md-6 col-sm-12">
                              <div class="media ms-profile-experience">
                                 <div class="mr-2 align-self-center">
                                    <img src="../../assets/img/dashboard/doctor-2.jpg" class="ms-img-round ms-img-small" alt="people">
                                 </div>
                                 <div class="media-body">
                                    <h4>用户研究中心</h4>
                                    <p>2013年1月至今</p>
                                    <p>兰大二院医生</p>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-4 col-md-6 col-sm-12">
                              <div class="media ms-profile-experience">
                                 <div class="mr-2 align-self-center">
                                    <img src="../../assets/img/dashboard/doctor-3.jpg" class="ms-img-round ms-img-small" alt="people">
                                 </div>
                                 <div class="media-body">
                                    <h4>用户研究中心</h4>
                                    <p>2013年1月至今</p>
                                    <p>兰大二院医生</p>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-4 col-md-6 col-sm-12">
                              <div class="media ms-profile-experience">
                                 <div class="mr-2 align-self-center">
                                    <img src="../../assets/img/dashboard/doctor-4.jpg" class="ms-img-round ms-img-small" alt="people">
                                 </div>
                                 <div class="media-body">
                                    <h4>用户研究中心</h4>
                                    <p>2013年1月至今</p>
                                    <p>兰大二院医生</p>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-4 col-md-6 col-sm-12">
                              <div class="media ms-profile-experience">
                                 <div class="mr-2 align-self-center">
                                    <img src="../../assets/img/dashboard/doctor-5.jpg" class="ms-img-round ms-img-small" alt="people">
                                 </div>
                                 <div class="media-body">
                                    <h4>用户研究中心</h4>
                                    <p>2013年1月至今</p>
                                    <p>兰大二院医生</p>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-4 col-md-6 col-sm-12">
                              <div class="media ms-profile-experience">
                                 <div class="mr-2 align-self-center">
                                    <img src="../../assets/img/dashboard/doctor-1.jpg" class="ms-img-round ms-img-small" alt="people">
                                 </div>
                                 <div class="media-body">
                                    <h4>用户研究中心</h4>
                                    <p>2013年1月至今</p>
                                    <p>兰大二院医生</p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-6 col-md-12">
                  <div class="ms-panel ms-panel-fh">
                     <div class="ms-panel-body">
                        <h2 class="section-title">技能等级</h2>
                        <span class="progress-label">网页设计</span><span class="progress-status">83%</span>
                        <div class="progress progress-tiny">
                           <div class="progress-bar bg-primary" role="progressbar" style="width: 83%" aria-valuenow="83" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <span class="progress-label">开发</span><span class="progress-status">50%</span>
                        <div class="progress progress-tiny">
                           <div class="progress-bar bg-primary" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <span class="progress-label">交互设计</span><span class="progress-status">75%</span>
                        <div class="progress progress-tiny">
                           <div class="progress-bar bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <span class="progress-label">说明</span><span class="progress-status">92%</span>
                        <div class="progress progress-tiny">
                           <div class="progress-bar bg-primary" role="progressbar" style="width: 92%" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <span class="progress-label">品牌设计</span><span class="progress-status">97%</span>
                        <div class="progress progress-tiny">
                           <div class="progress-bar bg-primary" role="progressbar" style="width: 97%" aria-valuenow="97" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <span class="progress-label">Adobe</span><span class="progress-status">90%</span>
                        <div class="progress progress-tiny">
                           <div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-6 col-md-12">
                  <div class="ms-panel">
                     <div class="ms-panel-body">
                        <h2 class="section-title">我的时间线</h2>
                        <ul class="ms-activity-log">
                           <li>
                              <div class="ms-btn-icon btn-pill icon btn-success">
                                 <i class="flaticon-tick-inside-circle"></i>
                              </div>
                              <h6>计算机等级</h6>
                              <span> <i class="material-icons">event</i>2018年1月</span>
                              <p class="fs-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, ula in sodales vehicula....</p>
                           </li>
                           <li>
                              <div class="ms-btn-icon btn-pill icon btn-info">
                                 <i class="flaticon-information"></i>
                              </div>
                              <h6>第一份工作</h6>
                              <span> <i class="material-icons">event</i>4 March, 2018</span>
                              <p class="fs-14">Curabitur purus sem, malesuada eu luctus eget, suscipit sed turpis. Nam pellentesque felis vitae justo accumsan, sed semper nisi sollicitudin...</p>
                           </li>
                           <li>
                              <div class="ms-btn-icon btn-pill icon btn-success">
                                 <i class="flaticon-tick-inside-circle"></i>
                              </div>
                              <h6>开了我自己的公司</h6>
                              <span> <i class="material-icons">event</i>1 March, 2020</span>
                              <p class="fs-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, ula in sodales vehicula....</p>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-md-12">
                  <div class="ms-panel">
                     <div class="ms-panel-body">
                        <h2 class="section-title">近期报告</h2>
                        <div class="row">
                           <div class="col-lg-4 col-md-6 col-sm-6">
                              <div class="ms-card">
                                 <div class="ms-card-body">
                                    <div class="media fs-14">
                                       <div class="mr-2 align-self-center">
                                          <img src="../../assets/img/dashboard/doctor-1.jpg" class="ms-img-round" alt="people">
                                       </div>
                                       <div class="media-body">
                                          <h6>王杰希 </h6>
                                          <div class="dropdown float-right">
                                             <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                             <i class="material-icons">more_vert</i>
                                             </a>
                                             <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>评价</span>
                                                      </div>
                                                   </a>
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>分享</span>
                                                      </div>
                                                   </a>
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>喜欢</span>
                                                      </div>
                                                   </a>
                                                </li>
                                             </ul>
                                          </div>
                                          <p class="fs-12 my-1 text-disabled">30分钟前</p>
                                       </div>
                                    </div>
                                    <h6>这是一个标题</h6>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nunc velit, dictum eget nulla a, sollicitudin rhoncus orci. Vivamus nec commodo turpis.</p>
                                 </div>
                                 <div class="ms-card-img">
                                    <img src="../../assets/img/basic/card-1.jpg" alt="card_img">
                                 </div>
                                 <div class="ms-card-footer text-disabled d-flex">
                                    <div class="ms-card-options">
                                       <i class="material-icons">favorite</i> 982
                                    </div>
                                    <div class="ms-card-options">
                                       <i class="material-icons">comment</i> 785
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="col-lg-4 col-md-6 col-sm-6">
                              <div class="ms-card">
                                 <div class="ms-card-body">
                                    <div class="media fs-14">
                                       <div class="mr-2 align-self-center">
                                          <img src="../../assets/img/dashboard/doctor-3.jpg" class="ms-img-round" alt="people">
                                       </div>
                                       <div class="media-body">
                                          <h6>王杰希 </h6>
                                          <div class="dropdown float-right">
                                             <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                             <i class="material-icons">more_vert</i>
                                             </a>
                                             <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>评价</span>
                                                      </div>
                                                   </a>
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>分享</span>
                                                      </div>
                                                   </a>
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>喜欢</span>
                                                      </div>
                                                   </a>
                                                </li>
                                             </ul>
                                          </div>
                                          <p class="fs-12 my-1 text-disabled">30分钟前</p>
                                       </div>
                                    </div>
                                    <h6>这是一个标题</h6>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nunc velit, dictum eget nulla a, sollicitudin rhoncus orci. Vivamus nec commodo turpis.</p>
                                 </div>
                                 <div class="ms-card-img">
                                    <img src="../../assets/img/basic/card-2.jpg" alt="card_img">
                                 </div>
                                 <div class="ms-card-footer text-disabled d-flex">
                                    <div class="ms-card-options">
                                       <i class="material-icons">favorite</i> 982
                                    </div>
                                    <div class="ms-card-options">
                                       <i class="material-icons">comment</i> 785
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="col-lg-4 col-md-6 col-sm-6">
                              <div class="ms-card">
                                 <div class="ms-card-body">
                                    <div class="media fs-14">
                                       <div class="mr-2 align-self-center">
                                          <img src="../../assets/img/dashboard/doctor-5.jpg" class="ms-img-round" alt="people">
                                       </div>
                                       <div class="media-body">
                                          <h6>王杰希 </h6>
                                          <div class="dropdown float-right">
                                             <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                             <i class="material-icons">more_vert</i>
                                             </a>
                                             <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>评价</span>
                                                      </div>
                                                   </a>
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>分享</span>
                                                      </div>
                                                   </a>
                                                   <a class="media p-2" href="#">
                                                      <div class="media-body">
                                                         <span>喜欢</span>
                                                      </div>
                                                   </a>
                                                </li>
                                             </ul>
                                          </div>
                                          <p class="fs-12 my-1 text-disabled">30分钟前</p>
                                       </div>
                                    </div>
                                    <h6>这是一个标题</h6>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nunc velit, dictum eget nulla a, sollicitudin rhoncus orci. Vivamus nec commodo turpis.</p>
                                 </div>
                                 <div class="ms-card-img">
                                    <img src="../../assets/img/basic/card-3.jpg" alt="card_img">
                                 </div>
                                 <div class="ms-card-footer text-disabled d-flex">
                                    <div class="ms-card-options">
                                       <i class="material-icons">favorite</i> 982
                                    </div>
                                    <div class="ms-card-options">
                                       <i class="material-icons">comment</i> 785
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </main>
      <!-- Reminder Modal -->
      <script src="../../assets/reuseCode/reminderModal.js"></script>
      <!-- Notes Modal -->
      <script src="../../assets/reuseCode/notesModal.js"></script>
      <!-- Modal -->
      <script src="../../assets/reuseCode/modal.js"></script>
      <!-- SCRIPTS -->
      <!-- Global Required Scripts Start -->
      <script src="../../assets/js/jquery-3.3.1.min.js"></script>
      <script src="../../assets/js/popper.min.js"></script>
      <script src="../../assets/js/bootstrap.min.js"></script>
      <script src="../../assets/js/perfect-scrollbar.js"> </script>
      <script src="../../assets/js/jquery-ui.min.js"> </script>
      <!-- Global Required Scripts End -->
      <!-- Mednalytics core JavaScript -->
      <script src="../../assets/js/framework.js"></script>
      <!-- Settings -->
      <script src="../../assets/js/settings.js"></script>
   </body>
</html>
